<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>my first SVG</title>
		
	</head>
	<body>
		<h1>zoe's first webhouse</h1>
		<p>自我介绍</p >
		<p>学校：中山大学南方学院文学与传媒学院</p >
		<p>文学与传媒学院网络与新媒体专业</p >
		<p>学号：181013054；周雨</p >
		
		<h2>my first SVG</h2>
		<h3>跳动的爱心</h3>
		<p>这是从fontawesome网站上下载的SVG原图--一颗心</p >
		<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="heart" class="svg-inline--fa fa-heart fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">

         <path fill="currentColor" d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z">
         </path>

         </svg>
		<p>我想要把它变成红色的跳动的心</p>
		<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="heart" class="svg-inline--fa fa-heart fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">

     <path fill="red" d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z">
     </path>
      <animate attributeName="fill-opacity" attributeType="CSS" values="1;0.6;1" begin="0s" dur="0.8s" repeatCount="indefinite" />
</svg>
		
	</body>
</html>